下表样式可用于表格中:
下表的类可用于表格的行或者单元格:
如果您想要一个只带有内边距(padding)和水平分割的基本表,请添加 class .table,如下面实例所示:
结果如下所示:
除了基本的表格标记和 .table class,还有一些可以用来为标记定义样式的类。下面将向您介绍这些类。
通过添加 .table-striped class,您将在
通过添加 .table-bordered class,您将看到每个元素周围都有边框,且占整个表格是圆角的,如下面的实例所示:
通过添加 .table-hover class,当指针悬停在行上时会出现浅灰色背景,如下面的实例所示:
通过添加 .table-condensed class,行内边距(padding)被切为两半,以便让表看起来更紧凑,如下面的实例所示。这在想让信息看起来更紧凑时非常有用。
下表中所列出的上下文类允许您改变表格行或单个单元格的背景颜色。
这些类可被应用到
通过把任意的 .table 包在 .table-responsive class 内,您可以让表格水平滚动以适应小型设备(小于 768px)。当在大于 768px 宽的大型设备上查看时,您将看不到任何的差别。
Bootstrap<基础二>网络系统
Bootstrap<基础三>排版
Bootstrap<基础四> 代码
Bootstrap <基础五>表格
Bootstrap<基础六> 表单
Bootstrap <基础七>按钮
Bootstrap <基础八>图片
Bootstrap<基础九>辅助类
Bootstrap<基础十> 响应式实用工具
Bootstrap<基础十一>字体图标(Glyphicons)
Bootstrap <基础十二>下拉菜单(Dropdowns)
Bootstrap<基础十三> 按钮组
Bootstrap<基础十四> 按钮下拉菜单
Bootstrap<基础十五> 输入框组
Bootstrap<基础十六> 导航元素